<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>学员成绩</title>
  <link rel="stylesheet" href="vendor/bootstrap.css">
  <link rel="stylesheet" href="vendor/toastr.css">
  <style>
    body {
      padding: 16px;
      background-color: #f1f1f1;
    }

    .page-header {
      padding: 16px;
      background-color: #fff;
    }

    .page-header>h4 {
      margin-bottom: 0;
    }

    .student-score {
      position: relative;
    }

    .student-score > input {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border: 0;
      outline: none;
    }
  </style>
</head>

<body>
  <div class="page-header d-flex justify-content-between align-items-center">
    <h4>学员成绩</h4>
    <span>点击表格修改或录入</span>
  </div>

  <table class="table mt-3 table-striped">
    <thead class="bg-white">
      <tr>
        <th scope="col">学员ID</th>
        <th scope="col">姓名</th>
        <th scope="col">第1次成绩</th>
        <th scope="col">第2次成绩</th>
        <th scope="col">第3次成绩</th>
        <th scope="col">第4次成绩</th>
        <th scope="col">第5次成绩</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">113</th>
        <td>毛秀兰</td>
        <td>96</td>
        <td>71</td>
        <td>91</td>
        <td>-</td>
        <td>-</td>
      </tr>
    </tbody>

  </table>
  <script src="vendor/bootstrap.bundle.js"></script>
  <script src="vendor/axios.js"></script>
  <script src="vendor/jquery.js"></script>
  <script src="vendor/toastr.min.js"></script>
  <script src="js/common.js"></script>
  <script src="js/score.js"></script>
</body>

</html>